<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- SELECT2 -->
    <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css"/>
    <!-- UNIFORM -->
    <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css"/>
    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
   
</head>
<body>
<header class="navbar clearfix" id="header">
</header>

<!-- PAGE -->
<section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
        <div class="sidebar-menu nav-collapse">

            <!-- SIDEBAR MENU -->
            <ul>
            </ul>
        </div>


    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
        <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
        <div class="modal fade" id="send_config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">订单发货</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="control-label col-md-3" style="line-height:34px;"><span
                                    class="required">*</span>物流公司：</label>
                            <div class="col-md-4">
                                <select id="express_select" class="col-md-12 select2-offscreen" tabindex="-1">
                                    <option value='ZTO'>中通速递</option>
                                    <option value='YTO'>圆通速递</option>
                                    <option value='SF'>顺丰速运</option>
                                    <option value='YD'>韵达快递</option>

                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3" style="line-height:34px;"><span
                                    class="required">*</span>物流单号：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" name="expressCode" placeholder="请输入物流单号"
                                       maxlength="20"/>

                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success bt-save">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="update_exp_config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">修改运费</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="control-label col-md-3" style="line-height:34px;"><span
                                    class="required">*</span>原运费：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" readonly="readonly" name="oldExpressPrice"
                                       maxlength="20"/>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3" style="line-height:34px;"><span
                                    class="required">*</span>新运费：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" name="newExpressPrice" placeholder="请输入运费"
                                       maxlength="20"/>

                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success bt-save">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div id="content" class="col-lg-12">
                    <!-- PAGE HEADER-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="page-header">
                                <!-- STYLER -->

                                <!-- /STYLER -->
                                <!-- BREADCRUMBS -->
                                <ul class="breadcrumb">
                                    <li>
                                        <i class="fa fa-home"></i>
                                        <a href="index.html">首页</a>
                                    </li>
                                    <li>
                                        <a href="#">营销管理</a>
                                    </li>
                                    <li>优惠劵</li>
                                </ul>
                                <!-- /BREADCRUMBS -->

                            </div>
                        </div>
                    </div>
                    <!-- /PAGE HEADER -->
                    <!-- FORMS QUERY-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="box border primary">
                                        <div class="box-title">
                                            <h4><i class="fa fa-bars"></i>查询条件</h4>
                                        </div>
                                        <div class="box-body big" style="padding:10px;">
                                            <form class="form-horizontal" role="form" id="form_Order"
                                                  action="../../admin/order/exportOrder.do">
                                                <div class="form-group mrg-bt10">
                                                    <label class="col-sm-1 control-label"
                                                           style="width: auto">订单编号：</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" name="q"
                                                               placeholder="输入关键字">
                                                    </div>

                                                    <label class="col-sm-1 control-label" for="e1" style="width: 102px">状态：</label>
                                                    <div class="col-sm-2">
                                                        <select id="status_select" name="orderStatus"
                                                                class="col-md-12 select2-offscreen" tabindex="-1">
                                                            <option value=-1>选择状态</option>
                                                            <option value="WaitingPay">待付款</option>
                                                            <option value="WaitingCheck">待审核</option>
                                                            <option value="WaitingSend">待发货</option>
                                                            <option value="WaitingSign">待签收</option>
                                                            <option value="TradeSuccess">交易成功</option>
                                                            <option value="TradeClosed">交易关闭</option>
                                                        </select>
                                                    </div>
                                                    <label class="col-sm-1 control-label"
                                                           style="width: auto">下单日期：</label>
                                                    <div class="col-sm-4" style="display:inline-flex;margin-left:-10px">
                                                        <div class="col-sm-2" style="width:130px">
                                                            <input type="text" name="startDate"
                                                                   class="form-control bootstrap-datepicker">
                                                        </div>
                                                        <div style="width: 20px">至</div>
                                                        <div class="float-left" style="width:130px">
                                                            <input type="text" name="endDate"
                                                                   class="form-control bootstrap-datepicker">
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="form-group mrg-bt10">

                                                    <label class="col-sm-1 control-label"
                                                           style="width: auto">收货人电话：</label>
                                                    <div class="col-sm-2">
                                                        <input type="text" class="form-control" name="telPhone"
                                                               placeholder="输入关键字">
                                                    </div>


                                                    <div class="col-sm-1">
                                                        <a class="btn btn-primary search">查询</a>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                    <!-- /FORMS QUERY -->
                    <div class="row" style="height: 30px;">
                        <div class="col-md-12">
                            <div class="box ">
                                <a href="javaScript:;" class="btn btn-success importBtn">
                                    <i class="fa  fa-plus-square-o"></i> 导入订单
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <!-- TABLES -->
                        <div class="col-md-12">
                            <!-- BOX -->
                            <div class="box border primary">
                                <div class="box-title">
                                    <h4><i class="fa fa-table"></i>订单数：<span id="total"></span>条 </h4>

                                </div>
                                <div class="box-body">
                                    <table id="db_Order_list" cellpadding="0" cellspacing="0" border="0"
                                           class="datatable table table-striped table-bordered table-hover">

                                    </table>
                                </div>
                            </div>
                            <!-- /BOX -->
                        </div>
                    </div>
                    <!-- /TABLES -->


                    <div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                    </div>
                </div><!-- /CONTENT-->
            </div>
        </div>
    </div>


    <div class="modal fade" id="box-qrcode" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:250px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">扫码支付</h4>
                </div>

                <div class="modal-body">
                   <p class="required">请打开微信客户端进行扫码支付</p>
                    <img width="200" height="200"/>
                </div>

            </div>
        </div>
    </div>
</section>
<!--/PAGE -->
<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="../../js/jquery/jquery-2.0.3.min.js"></script>

<!-- BOOTSTRAP -->
<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

<!-- AUTOSIZE -->
<script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
<!-- spinner -->
<script src="../../js/spinner/spin.js"></script>
<!-- DATA TABLES -->
<script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
<script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
<script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

<!-- INPUT MASK -->
<script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
<!--bootbox-->
<script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
<!-- SELECT2 -->
<script type="text/javascript" src="../../js/select2/select2.min.js"></script>
<!-- UNIFORM -->
<script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
<script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
<!-- COOKIE -->
<script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
<!-- CUSTOM SCRIPT -->
<script src="../../js/script.js"></script>
<script src="../../js/common.js"></script>
<script>
    var Order = function () {
        var $mainDataTable = null;


        var payOrder = function () {
            $.blockUI();
            var pid = $(this).attr("orderId");
            var totalPrice = $(this).attr("totalPrice");

            var state = pid + "-" + totalPrice + "-WeChat";
            $.ajax({
                type: "get",
                url: App.getContextPath() + "admin/order/qrPayOrder.do",
                data: {state: state},
                async: true,
                success: function (result) {
                    console.log(result);
                    $("#box-qrcode").find("img").attr("src", result.content);
                    $.unblockUI();
                    $("#box-qrcode").modal("show");
                }

            });

        }
        
        var delOrder = function () {
            var _this = $(this);
            $.confirm("确认要删除么？", function () {

                $.ajax({
                    type: "get",
                    url: App.getContextPath() + "admin/order/delOrder.do",
                    data: {orderId: _this.attr("orderId")},
                    async: true,
                    success: function () {
                        searchOrder();
                    }
                });
            })

        }


        var searchOrder = function () {
        	 var startDate = $("input[name=startDate]").val();
             var endDate = $("input[name=endDate]").val();
             var q = $("input[name=q]").val();
             var status = $("#status_select").val();
        	var url = App.getContextPath() + "admin/order/searchOrderBySupplier.do?q=" + q + "&telPhone=" + $("[name=telPhone]").val();
            url+="&productName=";
            if (status != null && status != -1)
                url += "&orderStatus=" + status;

            if (startDate != "")
                url += "&startDate=" + startDate;
            if (endDate != "")
                url += "&endDate=" + $.dateAdd(endDate);

            if ($mainDataTable) {
                $mainDataTable.api().ajax.url(url).load();
                return;
            }
            var dtSetting = $.dataTableSetting({
                "ajaxSource": url,
                "serverSide": true,
                "bFilter": false,// 去掉搜索框
                "bLengthChange": true,// 每页显示数量
                "sScrollX": "100%",
                "sScrollXInner": "100%",
                "iDisplayLength": 25,

                "bSort": false,
                "aoColumns": [{
                    "mDataProp": "orderId",
                    "sTitle": "订单编号",
                    "width": "10%"
                }, {
                    "mDataProp": "receiver",
                    "sTitle": "收货人姓名",
                    "width": "7%"
                }, {
                    "sTitle": "收货人手机号",
                    "mDataProp": "telPhone",
                    "width": "10%"
                }, {
                    "sTitle": "支付方式",
                    "mDataProp": "receiver",
                    "width": "8%",
                    "render": function (data, type, row) {
                        if (row.payType == "Alipay") {
                            return "支付宝";
                        } else if (row.payType == "WeChat") {
                            return "微信";
                        } else {
                            return "";
                        }
                    }
                }
                    , {
                        "sTitle": "订单金额 ",
                        "width": "8%",
                        "render": function (data, type, row) {
                            return format_thousands(row.totalPrice);
                        }
                    }
                    , {

                        "sTitle": "订单状态",
                        "width": "8%",
                        "render": function (data, type, row) {
                            var str = "";
                            switch (row.orderStatus) {
                                case "TradeClosed":
                                    str = "交易关闭";
                                    break;
                                case "WaitingPay":
                                    str = "待付款";
                                    break;
                                case "WaitingCheck":
                                    str = "待审核";
                                    break;
                                case "WaitingSend":
                                    str = "待发货";
                                    break;
                                case "WaitingSign":
                                    str = "待签收";
                                    break;
                                case "TradeSuccess":
                                    str = "交易成功";
                                    break;
                            }
                            return str;
                        }

                    }, {

                        "sTitle": "下单时间",
                        "width": "12%",
                        "render": function (data, type, row) {
                            return $.getLocalTime(row.createTime);
                        }
                    }, {
                        "sTitle": "操作",
                        "width": "16%",
                        "render": function (data, type, row) {
                            var str = "<a class='btn btn-warning btn-xs btn-width' style='width:60px' href='order_detail.html?id=" + row.orderId + "'><i class='fa fa-arrow-circle-o-up'></i>详情</a>";


                            if (row.wdtOrderCode ==null&&row.supplierId==32) {
                                str += "<a class='btn btn-success btn-xs bt_pay btn-width' style='width:60px;margin-left:10px;' orderId=" + row.orderId + " totalPrice=" + row.totalPrice + "><i class='fa fa-pencil-square-o'></i>微信</a>";
                                str += "<a class='btn btn-success btn-xs bt_alipay btn-width' style='width:60px;margin-left:10px;' href='pay.html?orderId=" + row.orderId + "&totalPrice=" + row.totalPrice + "' target='_blank'><i class='fa fa-pencil-square-o'></i>支付宝</a>";
                            }
                            if(row.orderStatus == 'WaitingPay' || row.orderStatus == 'TradeClosed') {
                                str += "<a class='btn btn-success btn-xs bt_del btn-width' style='width:60px;margin-left:10px;' orderId=" + row.orderId + " totalPrice=" + row.totalPrice + "><i class='fa fa-pencil-square-o'></i>删除</a>";
                            }
                            return str;
                        }
                    }]

            });

            $mainDataTable = $("#db_Order_list").dataTable(dtSetting);
        };


        return {
            init: function () {
                $("[name=validOrder]").prop("checked", true)
                $.initDate($("#form_Order"), -30, 0);
                $("#status_select").select2({placeholder: "选择状态"});

                $(".search").click(searchOrder);
                searchOrder();
                $("#db_Order_list").on("click", ".bt_pay", payOrder);
                $("#db_Order_list").on("click", ".bt_del", delOrder);

                $(".importBtn").click(function () {
                    location.href = "order_import.html";
                });

                

            }
        }
    }();

    $(function () {
        $("#header").load("../head.html");
        App.init(); //Initialise plugins and elements
        Order.init();
    });
</script>
<!-- /JAVASCRIPTS -->
</body>
</html>